<template>
	<view>
		<view class="mask" @click="close"></view>
		<view class="popup">
			<view class="wrap">
				<view class='searchGood'>
					<view class='search acea-row row-between'>
						<view class='input acea-row row-between row-middle'>
							<text class='iconfont icon-sousuo2'></text>
							<input type='text' v-model='searchValue' placeholder='搜索名称/手机号码'
								placeholder-class='placeholder' maxlength="20"></input>
						</view>
						<view class='btn acea-row row-middle' @tap='searchBut'>
							<image src="@/static/images/user/select.png" mode="aspectFill"></image>
							筛选
						</view>
					</view>
				</view>
				<view class="content">
					<view v-if="list.length">
						<member :item="item" v-for="(item,index) in list"></member>
					</view>
					<view class='loadingicon acea-row row-center row-middle'>
						<text class='loading iconfont icon-jiazai' :hidden='loading==true'></text>{{loadTitle}}
					</view>
				</view>
				<emptyPage v-if="list.length == 0 && !loading">
				</emptyPage>
			</view>

			<view class="acea-row row-middle close" @click="close">
				<image src="@/static/images/release/close.png" mode="aspectFill"></image>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	import member from "@/pages/aboutUsers/components/memberList";
	import emptyPage from '@/components/emptyPage.vue';
	export default {
		components: {
			member,
			emptyPage
		},
		props: {
		
		},
		data() {
			return {
				list: [],
				searchValue: '',
				count: 100,
				page: 1,
				loading: false,
				loadend: false,
				loadTitle: '加载更多',
				popupShow: true
			};
		},
		onShow() {
			
		},
		methods: {
			close() {
				this.$emit('close')
			},
			toPages(item) {
				uni.navigateTo({
					url: item.path
				})
			}
 }
	}
</script>

<style lang="scss" scoped>
	.popup {
		width: 100%;
		height: 80vh;
		border-top-left-radius: 30rpx;
		border-top-right-radius: 30rpx;
		background: #F7F8FA;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1999;
	}

	.wrap {
		position: relative;
		box-sizing: border-box;
		padding: 84rpx 30rpx 30rpx;
		overflow-y: scroll;
		height: 100%;
	}

	.close {
		position: absolute;
		right: 30rpx;
		top: 10rpx;

		image {
			width: 44rpx;
			height: 44rpx;
		}
	}

	.searchGood .search {
		padding: 30rpx;
		background-color: #fff !important;
	}

	.searchGood .search .input {
		// width: 598rpx;
		background-color: #f7f7f7;
		border-radius: 33rpx;
		padding: 0 35rpx;
		box-sizing: border-box;
		height: 66rpx;
	}

	.searchGood .search .input input {
		width: 432rpx;
		font-size: 26rpx;
		padding-left: 10rpx;
	}

	.searchGood .search .input .placeholder {
		color: #bbb;
	}

	.searchGood .search .input .iconfont {
		color: #A6A6A6;
		font-size: 35rpx;
	}

	.searchGood .title {
		font-size: 28rpx;
		color: #999;
		margin: 50rpx 30rpx 25rpx 30rpx;
	}

	.btn {
		image {
			width: 32rpx;
			height: 32rpx;
			mergin-right: 8rpx;
		}
	}

	.content {
		margin-top: 30rpx;
	}

	.line {
		margin: 30rpx;
		// background-color: #fff;
	}
</style>
